<!DOCTYPE html>
    <html>
    <head>
        <title>Gopa Tasks</title>
        <link rel="stylesheet" href="/ui/assets/uikit-2.27.1/css/uikit.min.css" />
        <link rel="stylesheet" href="/ui/assets/css/tasks.css" />
        <script src="/ui/assets/js/jquery.min.js"></script>
        <script src="/ui/assets/js/echarts.min.js"></script>
        <script src="/ui/assets/uikit-2.27.1/js/uikit.min.js"></script>
        <script src="/ui/assets/js/jquery.timeago.js"></script>
    <meta charset="utf-8">
</head>
<body>

<div class="uk-container uk-container-center uk-margin-top uk-margin-bottom">
        <nav class="uk-navbar uk-margin-bottom">
            <a class="uk-navbar-brand uk-hidden-small" href="/ui/">GOPA</a>
            <ul class="uk-navbar-nav uk-hidden-small">
                <li >
                    <a href="/ui/page/index.html" >Home</a>
                </li>
                <li >
                    <a href="/ui/page/console.html" >Console</a>
                </li>
                <li class="uk-active">
                    <a href="/ui/page/tasks.html">Tasks</a>
                </li>
                <li>
                    <a href="/ui/boltdb" >Boltdb</a>
                </li>
            </ul>
            <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
            <div class="uk-navbar-brand uk-navbar-center uk-visible-small">GOPA</div>
        </nav>

        <div class="uk-grid" data-uk-grid-margin>


            <div class="uk-width-2-10">
                <div class="uk-alert" ><span id="domain-alert"></span></div>
                <ul id="domain-records" class="uk-list">
                    <li>...</li>
                    <li>...</li>
                    <li>...</li>
                </ul>
            </div>

            <div class="uk-width-8-10">
                <div class="uk-alert" ><span id="alert"></span></div>

                <table id="tasks" class="uk-table uk-table-hover uk-table-striped" cellspacing="0" width="100%">
                    <thead>
                    <tr>
                        <th>Domain</th>
                        <th>Path</th>
                        <th>Title</th>
                        <th>Size</th>
                        <th>Updated</th>
                    </tr>
                    </thead>
                    <tbody id="records">
                    </tbody>
                </table>

                <ul class="uk-pagination" data-uk-pagination="{items:100, itemsOnPage:10}"></ul>

            </div>
        </div>

    </div>

<script src="/ui/assets/js/page/tasks.js"></script>

</body>
</html>
